.actived::after {
  content: '';
  width: 100%;
  height: .2rem;
  background-color: var(--primary-color);
  position: absolute;
  bottom: 0;
}

.actived,
.actived i {
  color: var(--primary-color) !important;
}

.ulWraper a {
  color: #666;
  font-size: 18px;
}

.ulWraper a:hover::after {
  content: '';
  width: 100%;
  height: .2rem;
  background-color: var(--primary-color);
  position: absolute;
  bottom: 0;
}

.ulWraper a i {
  font-size: 30px;
  margin-right: .6rem;
}